// hooks的三个使用限制
// 1. 不允许在if语句中调用hooks
// 2. 不允许在for语句中调用hooks
// 3. 不允许在普通函数中调用
import React,{useState} from 'react'

export default function App() {
  
   // 1. 规则1: if语句中不允许调用hooks
  // if (false) {
  //   const [msg, setMsg] = useState('');
  // }
  // 2. for语句中不允许调用hooks
  // const list = [1,, 2.1, 2, 3];

  // 3. 普通函数中不允许调用useState
  // function test() {
  //   const [state, setstate] = useState(initialState);
  // }

  // 🔔React中的非普通函数有两种：
  // 1. 函数式组件  2. use开头的自定义hooks函数
  return (
    <div >
     
    count --- {count}
      
    <button onClick={()=>setCount(count+1)}>点击改变count</button>

    msg-----{msg}
    <button onClick={()=>serMag(msg + '~')}>点击改变msg</button>
    </div>
  )
}


